<h2>barchart.js</h2>
<p>Library for drawing Bar charts, using HTML DOM.</p>
<hr/>

<h3>Objects</h3>
<ul>
	<li><a href="#barchart">OAT.BarChart(div, optObj)</a></li>
</ul>

<h3>Methods</h3>
<ul>
	<li><a href="#attachdata">OAT.BarChart::attachData(dataArray)</a></li>
	<li><a href="#attachtextx">OAT.BarChart::attachTextX(textArray)</a></li>
	<li><a href="#attachtexty">OAT.BarChart::attachTextY(textArray)</a></li>
	<li><a href="#draw">OAT.BarChart::draw()</a></li>
</ul>

<h3>CSS classes</h3>
<ul>
	<li>.legend</li>
	<li>.legend_box</li>
	<li>.textX</li>
	<li>.textY</li>
</ul>

<hr/>

<h3><a name="barchart">OAT.BarChart(div, optObj)</a></h3>
<p>Creates a Bar Chart inside <em>div</em>, <em>optObj</em> describes its properties. Its values:</p>
<ul>
	<li>percentage - bool; is it a percentage plot?</li>
	<li>spacing - int; spacing between columns</li>
	<li>paddingLeft, paddingBottom, paddingTop</li>
	<li>width - int; width of one column</li>
	<li>colors - array of css colors, one for each value set</li>
	<li>border - bool; outline each column?</li>
	<li>grid - bool; show horizontal grid lines?</li>
	<li>gridDesc - bool; show description of lines?</li>
	<li>gridNum - int; approximate number of lines</li>
	<li>shadow - bool; draw shadow for columns?</li>
	<li>shadowColor - css color</li>
	<li>shadowOffset - int; distance between column and its shadow</li>
</ul>

<h3><a name="attachdata">OAT.BarChart::attachData(dataArray)</a></h3>
<p>Adds data to chart. Each value of <em>dataArray</em> describes one column; each column may consist of multiple values. In such case, 
<em>dataArray</em> is array of arrays.</p>

<h3><a name="attachtextx">OAT.BarChart::attachTextX(textArray)</a></h3>
<p>Adds horizontal labels.</p>

<h3><a name="attachtexty">OAT.BarChart::attachTextY(textArray)</a></h3>
<p>Adds vertical labels.</p>

<h3><a name="draw">OAT.BarChart::draw()</a></h3>
<p>Draws the chart.</p>
<p class="code">
var chart = new OAT.BarChart("myDiv",{});<br/>
chart.attachData([1,3,2]);<br/>
chart.attachTextX(["a","b","c"]);<br/>
chart.draw();
</p>
